import {
    ref,
    watchEffect
} from 'vue'
import {
    generateId,
    setTodo
} from '../utils/todoStorage'
export default function addNewTodo(todoListRef) {
    let todosRef = ref("");
    // 鼠标按下确定时
    const doneTodo = () => {
        let todo = todosRef.value.trim();
        if (!todo) {
            return;
        }
        let newTodo = {
            id: generateId(),
            content: todosRef.value,
            completed: false
        }
        todoListRef.value.push(newTodo);
        // setTodo(todoListRef.value)
        todosRef.value = ""

    }
    watchEffect(()=>{
        setTodo(todoListRef.value)
    })
    return {
        todosRef,
        doneTodo
    }
}